<template>
	<view class="peopleOrder">
		<view class="tabbar">
			<topBar :barTit='barTit'></topBar>
		</view>
		<!-- 头部的筛选 -->
		<view class="searchBox">
			<view class="searchInput">
				<input class="uni-input" confirm-type="search" placeholder="点击搜索你感兴趣的文化内容"
					placeholder-style="color:#B2B2B2" />
				<img src="../../static/images/search.png" alt="">
			</view>
			<view class="root">
                <view>
					<text>排序</text>
					<img src="../../static/images/zk.png" alt="">
					</view>
				<view>
					<text>筛选</text>
					<img src="../../static/images/zk.png" alt="">
				</view>
			</view>
		</view>
		<!-- 列表 -->
		<view class="peopleOderList">
			<view class="peopleOderItem" v-for="(item,index) in peopleOderList" :key="index">
				<view class="d-f-j-s-a">
					<view class="d-f-a-c">
						<view class="titPic">
							<img :src=item.img alt="">
						</view>
						<view class="titName">
							<view>
								{{item.tit}}
							</view>
							<view>
								{{item.jg}}
							</view>
						</view>
					</view>
					<view class="follow d-f-a-c">
						<img src="../../static/images/guanzhu.png" alt="">
						<text>关注</text>
					</view>
				</view>
				<view class="banner">
					<img :src=item.pic alt="">
				</view>
				<view class="subjectName">
					{{item.name}}
				</view>
				<view class="d-f-j-s-a">
					<view class="addrees">
						{{item.addres}}
					</view>
					<view class=" thumbs d-f-a-c">
						<img src="../../static/images/dainzan.png" alt="">
						<text>{{item.num}}</text>
						<view>点单</view>
					</view>
				</view>
			</view>
		</view>
		<hans-tabber :list="list" :current="current" style="position:fixed;bottom:0;width:100%;left:0;right:0;"
			@tabChange="tabChange"></hans-tabber>
	</view>
</template>

<script>
	import hansTabber from '../../components/hans-tabbar/hans-tabbar.vue'
	import topBar from '../../components/topNavBar.vue'
	export default {
		components:{
			hansTabber,
			topBar
		},
		data() {
			return {
				barTit:'百姓点单',
				current: 2,
				list: [{
						"text": "首页",
						"iconPath": '../../static/images/index1.png',
						"selectedIconPath": '../../static/images/index.png'
					},
					{
						"text": "球馆",
						"iconPath": '../../static/images/dq.png',
						"selectedIconPath": '../../static/images/dq1.png'
					},
					{
						"text": "",
						"iconPath": '../../static/images/bx.png',
						"selectedIconPath": '../../static/images/bx.png'
					},
					{
						"text": "视频",
						"iconPath": '../../static/images/video.png',
						"selectedIconPath": '../../static/images/video1.png'
					},
					{
						"text": "我的",
						"iconPath": '../../static/images/my.png',
						"selectedIconPath": '../../static/images/my1.png'
					}
				],
				peopleOderList:[
					{img:'../../static/images/topPic.png',tit:'开封市豫剧院',jg:'国有院团',name:'豫剧《党的女儿》',pic:'../../static/images/people1.png',addres:'开封市豫剧院',num:'255'},
					{img:'../../static/images/topPic.png',tit:'开封市豫剧院',jg:'国有院团',name:'豫剧《党的女儿》',pic:'../../static/images/people1.png',addres:'开封市豫剧院',num:'255'},
					{img:'../../static/images/topPic.png',tit:'开封市豫剧院',jg:'国有院团',name:'豫剧《党的女儿》',pic:'../../static/images/people1.png',addres:'开封市豫剧院',num:'255'}
					
				]
			}
		},
		methods: {
			tabChange(index) {
				if (index == 0) {
					uni.redirectTo({
						url: '/pages/index/index'
					})
				} else if (index == 1) {
					uni.redirectTo({
						url: '/pages/venue/venue'
					})
				} else if (index == 2) {
					uni.redirectTo({
						url: '/pages/peopleOrder/peopleOrder'
					})
				} else if (index == 3) {
					uni.redirectTo({
						url: '/pages/videoPage/videoPage'
					})
				} else if (index == 4) {
					uni.redirectTo({
						url: '/pages/mine/mine'
					})
				}
			},
		}
	}
</script>

<style scoped lang="scss" src="./index.scss">
 
</style>
<style>
	 @import url('../../static/css/public.css')
</style>
